<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Đăng Ký</title>
<link rel="icon" href="image/imageWeb/orbz-fire-icon.png">
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/FastReg.css">
<link rel="stylesheet" href="css/calendar.css" />
<script src="js/calendar/jquery-1.8.3.js"></script>
<script src="js/calendar/jquery-ui.js"></script>
<script>
	$(function() {
		$("#datepicker").datepicker();
	});
</script>
</head>
<style>
#container {
	background: url("image/imageWeb/bg3.png") center top no-repeat;
	width: 100%;
	height: 1800px;
	overflow: hidden;
	margin: 0 auto;
}
</style>
<body id="body">
	<%
		String email = "";
		String email_err = "";
		if (request.getAttribute("email_err") != null) {
			email_err += request.getAttribute("email_err");
		}
		if (request.getAttribute("email") != null) {
			email += request.getAttribute("email");
		}
		String password_err = "";
		if (request.getAttribute("password_err") != null) {
			password_err = (String) request.getAttribute("password_err");
		}
		String name_err = "";
		String name = "";
		if (request.getAttribute("name_err") != null) {
			name_err = (String) request.getAttribute("name_err");
		}
		if (request.getAttribute("name") != null) {
			name += request.getAttribute("name");
		}

		String phone_err = "";
		String phone = "";
		if (request.getAttribute("phone_err") != null) {
			phone_err = (String) request.getAttribute("phone_err");
		}
		if (request.getAttribute("phone") != null) {
			phone += request.getAttribute("phone");
		}
		String day_err = "";
		if (request.getAttribute("day_err") != null) {
			day_err = (String) request.getAttribute("day_err");
		}
	%>
	<div id="container">
		<div id="lazy">
			<%@ include file="LazyRig.jsp"%>
			<jsp:include page="Login1.jsp"></jsp:include>
			<jsp:include page="banner.jsp"></jsp:include>
		</div>
		<div id="Layout">
			<div id="headContent">
				<div id="head1">
					<div class="headbutton">
						<embed id="Advertisement" width="210" height="100"
							allowscriptaccess="always" wmode="transparent" quality="high"
							name="Advertisement" style="" src="video/start1.swf"
							type="application/x-shockwave-flash">
					</div>
				</div>
				<div id="head2">
					<%@ include file="Header.jsp"%>
				</div>
			</div>
			<div id="midF">
				<embed id="Advertisement" width="500" height="274"
					allowscriptaccess="always" wmode="transparent" quality="high"
					name="Advertisement" style="" src="video/fire.swf"
					type="application/x-shockwave-flash">
			</div>
			<div id="content">
				<div id="sidebar">
					<%@ include file="nav-left.jsp"%>
				</div>
				<div id="mainColumn">
					<div id="StaticTopPanel" style="color: silver;"><u>Đăng Ký</u></div>
					<div id="StaticOuter">
						<div style="border: 2px solid; border-radius: 15px;">
							<div style="padding-top: 30px; padding-left: 40px;">
								<form enctype="multipart/form-data" action="Register"
									method="post">
									<table>
										<tr>
											<td colspan="2" style="color: silver; font-weight: bold;"><b>THÔNG
													TIN ĐĂNG KÍ</b></td>
										</tr>
										<tr height="50px">
											<td>Email:</td>
											<td><input type="text" name="email" value="<%=email%>"
												style="background-color: black; color: white; height: 26px; width: 170px;" /><span
												style="color: red; font-size: 13px;">*<%=email_err%></span></td>
										</tr>
										<tr height="50px">
											<td>Mật khẩu:</td>
											<td><input type="password" name="password"
												style="background-color: black; color: white; height: 26px; width: 170px;" /><span
												style="color: red; font-size: 13px;">*<%=password_err%></span></td>
										</tr>
										<tr height="50px">
											<td>Nhập lại mật khẩu:</td>
											<td><input type="password" name="re_password"
												style="background-color: black; color: white; height: 26px; width: 170px;" /><span
												style="color: red; font-size: 13px;">*<%=password_err%></span></td>
										</tr>
										<tr height="50px">
											<td colspan="2" style="color: silver; font-weight: bold;"><b>THÔNG
													TIN CÁ NHÂN</b></td>
										<tr height="50px">
											<td>Họ và tên:</td>
											<td><input type="text" name="name" value="<%=name%>"
												style="background-color: black; color: white; height: 26px; width: 170px;" /><span
												style="color: red; font-size: 13px;">*<%=name_err%></span></td>
										<tr height="50px">
											<td>Phái:</td>
											<td><input type="radio" name="sex" value="Nam"
												checked="checked" />Nam <input type="radio" name="sex"
												value="Nu" />Nu</td>
										<tr height="50px">
											<td>Ngày Sinh</td>
											<td><input type="text" id="datepicker" name="date"
												style="background-color: black; color: white; height: 26px; width: 170px;" /></td>
										</tr>
										<tr height="50px">
											<td>Số điện thoại:</td>
											<td><input type="text" name="phone" value="<%=phone%>"
												style="background-color: black; color: white; height: 26px; width: 170px;" /><span
												style="color: red; font-size: 13px;">*<%=phone_err%></span></td>
										</tr>
										<tr height="50px">
											<td>Ảnh đại diện:</td>
											<td><input type="file" value="" name="avatar" /></td>
										</tr>
										<tr height="50px">
										</tr>
										<tr height="50px">
											<td colspan="2"><input type="submit" value=""
												style="background-image: url('image/imageWeb/dangkiDu.png'); height: 36px; width: 80px;" />
												<input type="reset" value=""
												style="background-image: url('image/imageWeb/xoaForm.png'); height: 36px; width: 80px;" /></td>
										</tr>
									</table>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="footer"></div>
		</div>
	</div>
</body>
</html>